<html>
<h2>Chi tiết Đơn hàng</h2>
<p id="page-intro">Chi tiết đơn hàng 'JWR0001'</p>

<div class="content-box column-left">
    <div class="content-box-header">
        <h3>Thông tin Khách hàng</h3>
    </div>
    <div class="content-box-content">
        <div class="tab-content">
            <h4>Phạm Văn B</h4>
            <p>Địa chỉ: 1A Yết Kiêu, Hà Nội</p>
            <p>Điện thoại: 0901234567</p>
            <p>Email: bphamvan@gmail.com</p>
        </div>
    </div>
</div>
<div class="content-box column-right">
    <div class="content-box-header">
        <h3>Trạng thái Đơn hàng</h3>
    </div>
    <div class="content-box-content">
        <div class="tab-content">
            <form action="javascript:void(0);">
                    <input type="radio" name="status" value="0" checked="checked" />Chưa Xử lý
                    <input type="radio" name="status" value="1" />Đã Xử lý
                    <input type="radio" name="status" value="2" />Đã Giao hàng<br /><br />
                    <input type="hidden" name="orderID" value="1" />
                    <input class="btn" type="submit" value="Cập nhật" />
            </form>
        </div>
    </div>
</div>
<!--End-->
<div class="clear"></div>
<div class="content-box">
    <div class="content-box-header">
        <h3>Chi tiết Đơn hàng</h3>
    </div>
    <div class="content-box-content">
        <p>Ngày đặt hàng: 20/3/2012 8:20 AM</p>
        <form action="javascript:void(0);">
            <table>
                <thead>
                    <tr>
                        <th class="w5">ID</th>
                        <th>Hình ảnh</th>
                        <th class="left">Tên Sản phẩm</th>
                        <th>Giá</th>
                        <th>Số lượng</th>
                        <th class="right">Thành tiền</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="center">1</td>
                        <td class="center"><img class="thumb" src="../upload/products/thumbs/nhannu01.jpg" alt="Nhẫn nữ 01" /></td>
                        <td><h6><a class="edit" href="#" title="Nhẫn nữ 01">Nhẫn Nữ 01</a></h6> </td>
                        <td class="center">250.000 VND</td>
                        <td class="center">2</td>
                        <td class="right">500.000 VND</td>
                    </tr>
                    <tr>
                        <td class="center">2</td>
                        <td class="center"><img class="thumb" src="../upload/products/thumbs/lactaynu01.jpg" alt="Lắc Tay Nữ 01" /></td>
                        <td><h6><a class="edit" href="#" title="Lắc Tay Nữ 01">Lắc Nữ 01</a></h6> </td>
                        <td class="center">455.000 VND</td>
                        <td class="center">1</td>
                        <td class="right">455.000 VND</td>
                    </tr>
                <tr>
                    <td class="right" colspan="5">Tổng:</td>
                    <td class="right">955.000 VND</td>
                </tr>
                </tbody>
            </table>
        </form>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function(){
        //Đổi màu các hàng chẵn
        $('tbody tr:even').addClass("alt-row");
    });
</script>
</html>